
{% style %}
#shopify-section-{{ section.id }} .price-item{
    font-size:1rem;
  }


{% endstyle %}
{%- liquid
  assign show_padding = true
  case section.settings.color_schema
    when 'primary'
      assign background_color = 'bg-primary'
    when 'secondary'
      assign background_color = 'bg-secondary'
    when 'inverse'
      assign background_color = 'bg-inverse'
    when 'white'
      assign background_color = 'bg-white'
      assign show_padding = false
    when 'black'
      assign background_color = 'bg-black'
  endcase
-%}
{%- liquid
  case section.settings.text_color
    when 'white'
      assign text_color = 'text-body-inverse'
      assign btn_style = 'light'
    else
      assign text_color = ''
      assign btn_style = 'primary'
  endcase
%}

{% assign setting = section.settings %}
{% assign newForloop = 0 %}

<link rel="stylesheet" href="{{ 'featured-product-index.min.css' | asset_url }}">
<input class="as-featured-product-script" type="hidden" value="{{ 'featured-product.min.js' | asset_url }}" {% if request.design_mode %}data-design-mode="yes"{% endif %}>

<div class="{% if show_padding %}py-section{% else %}my-section{% endif %} {{ background_color }}">
  <div class="container">
    <div class="{{ text_color }}">
      <h2 class="mb-6 {% if request.page_type == 'index' %}text-center{% endif %}">{{ section.settings.heading | escape }}</h2>
      <div class="row row-cols-2 row-cols-lg-{{ section.settings.desktop_columns_per_row }} gy-6 gy-lg-7 gx-5 gx-lg-4">
        {% for product in section.settings.product_list %}
          {% assign product_card_product = product %}
          {% assign media_size = section.settings.image_ratio %}
          {% assign show_secondary_image = section.settings.show_secondary_image %}
          {% assign add_image_padding = section.settings.add_image_padding %}
          {% assign show_vendor = section.settings.show_vendor %}
          {% assign btn_style = btn_style %}
          {% assign text_color = text_color %}
          {% assign show_quick_buy = section.settings.show_quick_buy %}
          {% assign forloop = forloop %}

          {%- capture image_list -%}
          {%- for product_image in product_card_product.images -%}
            {%- if product_image.variants.first.id != blank -%}
              {%- comment -%} If product image is attached to a variant, image.attached_to_variant not working! {%- endcomment -%}
              {%- unless forloop.first -%}$$
              {%- endunless -%}
              {{ product_image.id }}::{{ product_image.position }}||{{ product_image.alt }}
            {%- else -%}
              {%- unless forloop.first -%};;
              {%- endunless -%}
              {{ product_image.position }}||{{ product_image.alt }}
            {%- endif -%}
          {%- endfor -%}
        {%- endcapture -%}


        
          {% unless product.metafields.custom.show_variant_in_related_products == true %}
            <div class="col">
              <div class="card w-100 border-0 rounded-2 as-product-card overflow-hidden bg-transparent h-100">
                <div class="position-relative">
                  <a {% if product_card_product.url contains 'https://' %} target="_blank" rel="nofollow" {% endif %} href="{{ product_card_product.url | default: '#' }}" class="stretched-link"></a>
                  {% if product_card_product.available %}
                    {%- for variant in product_card_product.variants -%}
                      {% if variant.available %}
                        {% capture variant_image_strs %}
                          {%- render 'get-product-images-by-variant-id', image_list: image_list, target_variant: variant, all_images: product_card_product.images -%}
                        {% endcapture %}
                        {% assign variant_image_strs = variant_image_strs | split: ';;' %}

                        <figure data-variant-id="{{ variant.id }}" class="{% unless variant.id == product_card_product.first_available_variant.id %}d-none{% endunless %} rounded-2 overflow-hidden mb-0 medio {% if variant_image_strs[1] != nil and show_secondary_image != blank %}secondImg{% endif %} ratio ratio-{{ media_size }} {% if add_image_border == true %}border{% endif %}" {% if media_size == 'adapt' %} style="--se-aspect-ratio: {{ 1 | divided_by: featured_media_aspect_ratio | times: 100 }}%;" {% endif %}>
                          {%- for variant_image_str in variant_image_strs limit: 2-%}
                            {%- liquid 
                          assign variant_image = variant_image_str | split: '||'
                          assign variant_image_pos = variant_image[0] | plus: 0 | minus: 1
                          assign variant_image_alt = variant_image[1]
                        -%}
                            {%- assign image = product_card_product.images[variant_image_pos] -%}
                            {% if image != blank %}
                              {% if forloop.first == true %}
                                <picture class="{% if add_image_padding %}p-2 p-lg-3{% endif %}">
                                  <img srcset="{{ image | img_url: '200x' }} 200w, {{ image | img_url: '250x' }} 250w, {{ image | img_url: '310x' }} 310w, {{ image | img_url: '400x' }} 400w, {{ image | img_url: '500x' }} 500w, {{ image | img_url: '620x' }} 620w, {{ image | img_url: '750x' }} 750w, {{ image | img_url: '930x' }} 930w" src="{{ image | img_url: '600x' }}" sizes="(min-width: 1264px) 600px, (min-width: 1024px) 500px, (min-width: 600px) 350px, calc(100vw - 32px)" alt="{{ image.alt | escape }}" loading="lazy" class="w-100 h-100 object-fit-cover" width="{{ image.width }}" height="{{ image.height }}">
                                </picture>
                              {% else %}
                                {%- if variant_image_strs[1] != nil and show_secondary_image != blank -%}
                                  <picture class="{% if add_image_padding %}p-3{% endif %} opacity-0">
                                    <img srcset="{{ image | img_url: '200x' }} 200w, {{ image | img_url: '250x' }} 250w, {{ image | img_url: '310x' }} 310w, {{ image | img_url: '400x' }} 400w, {{ image | img_url: '500x' }} 500w, {{ image | img_url: '620x' }} 620w, {{ image | img_url: '750x' }} 750w, {{ image | img_url: '930x' }} 930w" src="{{ image | img_url: '600x' }}" sizes="(min-width: 1264px) 600px, (min-width: 1024px) 500px, (min-width: 600px) 350px, calc(100vw - 32px)" alt="{{ image.alt | escape }}" loading="lazy" class="w-100 h-100 object-fit-cover" width="{{ image.width }}" height="{{ image.height }}">
                                  </picture>
                                {% endif %}
                              {% endif %}
                            {% else %}
                              <picture class="{% if add_image_padding %}p-3{% endif %}">
                                <div class="object-fit-cover img-placeholder h-100">
                                  {{ 'product-3' | placeholder_svg_tag: 'placeholder-svg h-100 w-100' }}
                                </div>
                              </picture>
                            {% endif %}
                          {% endfor %}
                        </figure>
                      {% endif %}
                    {% endfor %}
                  {% else %}
                    <figure class="{% unless variant == product.first_available_variant %}d-none{% endunless %} rounded-2 overflow-hidden mb-0 medio {% if product_card_product.media[1] != nil and show_secondary_image != blank %}secondImg{% endif %} ratio ratio-{{ media_size }} {% if add_image_border == true %}border{% endif %}" {% if media_size == 'adapt' %} style="--se-aspect-ratio: {{ 1 | divided_by: featured_media_aspect_ratio | times: 100 }}%;" {% endif %}>
                      {% if product_card_product.featured_media != blank %}
                        <picture class="{% if add_image_padding %}p-3{% endif %}">
                          <img srcset="{{ product_card_product.featured_media | img_url: '200x' }} 200w, {{ product_card_product.featured_media | img_url: '250x' }} 250w, {{ product_card_product.featured_media | img_url: '310x' }} 310w, {{ product_card_product.featured_media | img_url: '400x' }} 400w, {{ product_card_product.featured_media | img_url: '500x' }} 500w, {{ product_card_product.featured_media | img_url: '620x' }} 620w, {{ product_card_product.featured_media | img_url: '750x' }} 750w, {{ product_card_product.featured_media | img_url: '930x' }} 930w" src="{{ product_card_product.featured_media | img_url: '600x' }}" sizes="(min-width: 1264px) 600px, (min-width: 1024px) 500px, (min-width: 600px) 350px, calc(100vw - 32px)" alt="{{ product_card_product.featured_media.alt | escape }}" loading="lazy" class="w-100 h-100 object-fit-cover" width="{{ product_card_product.featured_media.width }}" height="{{ product_card_product.featured_media.height }}">
                        </picture>
                        {%- if product_card_product.media[1] != nil and show_secondary_image != blank -%}
                          <picture class="{% if add_image_padding %}p-3{% endif %} opacity-0">
                            <img srcset="{{ product_card_product.media[1] | img_url: '200x' }} 200w, {{ product_card_product.media[1] | img_url: '250x' }} 250w, {{ product_card_product.media[1] | img_url: '310x' }} 310w, {{ product_card_product.media[1] | img_url: '400x' }} 400w, {{ product_card_product.media[1] | img_url: '500x' }} 500w, {{ product_card_product.media[1] | img_url: '620x' }} 620w, {{ product_card_product.media[1] | img_url: '750x' }} 750w, {{ product_card_product.media[1] | img_url: '930x' }} 930w" src="{{ product_card_product.media[1] | img_url: '600x' }}" sizes="(min-width: 1264px) 600px, (min-width: 1024px) 500px, (min-width: 600px) 350px, calc(100vw - 32px)" alt="{{ product_card_product.media[1].alt | escape }}" loading="lazy" class="w-100 h-100 object-fit-cover" width="{{ product_card_product.media[1].width }}" height="{{ product_card_product.media[1].height }}">
                          </picture>
                        {% endif %}
                      {% else %}
                        <picture class="{% if add_image_padding %}p-3{% endif %}">
                          <div class="object-fit-cover img-placeholder h-100">
                            {{ 'product-3' | placeholder_svg_tag: 'placeholder-svg h-100 w-100' }}
                          </div>
                        </picture>
                      {% endif %}
                    </figure>
                  {% endif %}
                </div>

                <div class="card-body px-0 px-lg-1 py-0 pt-3 position-relative">
                  <a {% if product_card_product.url contains 'https://' %} target="_blank" rel="nofollow" {% endif %} href="{{ product_card_product.url | default: '#' }}" class="stretched-link"></a>
                  {%- if product_card_product.available == false -%}
                    <div class="mb-2">
                      <span aria-hidden="true" class="gray-400 small ">
                        {{ 'products.product.sold_out' | t }}
                      </span>
                    </div>
                  {%- else -%}
                    {% for variant in product_card_product.variants %}
                      {% if variant.available %}
                        <div data-variant-id="{{ variant.id }}" class="as-variant-badge {% unless variant == product_card_product.first_available_variant %}d-none{% endunless %}">
                          {% if variant.compare_at_price > variant.price %}
                            <div class="mb-2">
                              <span aria-hidden="true" class="text-primary small">
                                {{ 'products.product.on_sale' | t }}
                              </span>
                            </div>
                          {% endif %}
                        </div>
                      {% endif %}
                    {% endfor %}

                  {%- endif -%}
                  {% assign newForloop = newForloop | plus: 1 %}
                  <div class="card-text">
                    {%- if show_vendor -%}
                      <p class="mb-0 text-secondary small">{{ product_card_product.vendor }}</p>
                    {%- endif -%}
                    <h3 class="fw-bold mb-0 text-black" style="font-size:1rem;">{{ product_card_product.title }}</h3>
                    {% render 'product-add-to-cart-form', product: product_card_product, btn_style: btn_style, text_color: text_color, index: newForloop, show_quick_buy: show_quick_buy %}
                  </div>
                </div>

                {% if show_quick_buy %}
                  <div class="mt-3 mb-1 px-1" style="z-index: 2;">
                    <div class="d-grid">
                      <div class="mb-2">
                        {% render 'add-error-message' %}
                      </div>
                      <button class="as-add-to-cart-button btn btn-loading px-0 fw-bold {% if product_card_product.available %} btn-outline-{{btn_style}} {% else %} btn-outline-primary  disabled{% endif %}" form="product-card-{{ section.id }}-{{ newForloop }}" type="submit">
                        <span class="loading">
                          <span class="spinner-border mr-2 add-to-cart-loading" role="status"></span>
                        </span>
                        <span class="btn-text">{{ 'products.product.add_to_cart' | t }}</span>
                        <span class="success icon-wrap-sm">{% render 'icon-check' %}</span>
                        <span class="error icon-wrap-sm">{% render 'icon-close' %}</span>
                      </button>
                    </div>
                  </div>
                {% endif %}
              </div>
            </div>

          {% else %}
            {% for variant in product.variants %}
              {% assign variant_card_product = variant %}
              <div class="col">
                <div class="card w-100 border-0 rounded-2 overflow-hidden bg-transparent h-100">
                  {% capture variant_image_strs %}
                    {%- render 'get-product-images-by-variant-id', image_list: image_list, target_variant: variant, all_images: product.images -%}
                  {% endcapture %}
                  {% assign variant_image_strs = variant_image_strs | split: ';;' %}

                  <div class="position-relative">
                    <a {% if variant_card_product.url contains 'https://' %} target="_blank" rel="nofollow" {% endif %} href="{{ variant_card_product.url | default: '#' }}" class="stretched-link"></a>
                    {%- comment -%}
                    <figure class="22 rounded-2 overflow-hidden mb-0 medio {% if variant_card_product.media[1] != nil and show_secondary_image != blank %}secondImg{% endif %} ratio ratio-{{ media_size }} {% if add_image_border == true %}border{% endif %}" {% if media_size == 'adapt' %} style="--se-aspect-ratio: {{ 1 | divided_by: featured_media_aspect_ratio | times: 100 }}%;" {% endif %}>
                      {% if variant_card_product.featured_media != blank %}
                        <picture class="{% if add_image_padding %}p-3{% endif %}">
                          <img srcset="{{ variant_card_product.featured_media | img_url: '200x' }} 200w, {{ variant_card_product.featured_media | img_url: '250x' }} 250w, {{ variant_card_product.featured_media | img_url: '310x' }} 310w, {{ variant_card_product.featured_media | img_url: '400x' }} 400w, {{ variant_card_product.featured_media | img_url: '500x' }} 500w, {{ variant_card_product.featured_media | img_url: '620x' }} 620w, {{ variant_card_product.featured_media | img_url: '750x' }} 750w, {{ variant_card_product.featured_media | img_url: '930x' }} 930w" src="{{ variant_card_product.featured_media | img_url: '600x' }}" sizes="(min-width: 1264px) 600px, (min-width: 1024px) 500px, (min-width: 600px) 350px, calc(100vw - 32px)" alt="{{ variant_card_product.featured_media.alt | escape }}" loading="lazy" class="w-100 h-100 object-fit-cover" width="{{ variant_card_product.featured_media.width }}" height="{{ variant_card_product.featured_media.height }}">
                        </picture>
                        {%- if variant_card_product.media[1] != nil and show_secondary_image != blank -%}
                          <picture class="{% if add_image_padding %}p-3{% endif %} opacity-0">
                            <img srcset="{{ variant_card_product.media[1] | img_url: '200x' }} 200w, {{ variant_card_product.media[1] | img_url: '250x' }} 250w, {{ variant_card_product.media[1] | img_url: '310x' }} 310w, {{ variant_card_product.media[1] | img_url: '400x' }} 400w, {{ variant_card_product.media[1] | img_url: '500x' }} 500w, {{ variant_card_product.media[1] | img_url: '620x' }} 620w, {{ variant_card_product.media[1] | img_url: '750x' }} 750w, {{ variant_card_product.media[1] | img_url: '930x' }} 930w" src="{{ variant_card_product.media[1] | img_url: '600x' }}" sizes="(min-width: 1264px) 600px, (min-width: 1024px) 500px, (min-width: 600px) 350px, calc(100vw - 32px)" alt="{{ variant_card_product.media[1].alt | escape }}" loading="lazy" class="w-100 h-100 object-fit-cover" width="{{ variant_card_product.media[1].width }}" height="{{ variant_card_product.media[1].height }}">
                          </picture>
                        {% endif %}
                      {% else %}
                        <picture class="{% if add_image_padding %}p-3{% endif %}">
                          <div class="object-fit-cover img-placeholder h-100">
                            {{ 'product-3' | placeholder_svg_tag: 'placeholder-svg h-100 w-100' }}
                          </div>
                        </picture>
                      {% endif %}
                    </figure>
                    {%- endcomment -%}

                    <figure data-variant-id="{{ variant.id }}" class="rounded-2 overflow-hidden mb-0 medio {% if variant_image_strs[1] != nil and show_secondary_image != blank %}secondImg{% endif %} ratio ratio-{{ media_size }} {% if add_image_border == true %}border{% endif %}" {% if media_size == 'adapt' %} style="--se-aspect-ratio: {{ 1 | divided_by: featured_media_aspect_ratio | times: 100 }}%;" {% endif %}>
                      {%- for variant_image_str in variant_image_strs limit: 2-%}
                        {%- liquid 
                      assign variant_image = variant_image_str | split: '||'
                      assign variant_image_pos = variant_image[0] | plus: 0 | minus: 1
                      assign variant_image_alt = variant_image[1]
                    -%}
                        {%- assign image = product_card_product.images[variant_image_pos] -%}
                        {% if image != blank %}
                          {% if forloop.first == true %}
                            <picture class="{% if add_image_padding %}p-2 p-lg-3{% endif %}">
                              <img srcset="{{ image | img_url: '200x' }} 200w, {{ image | img_url: '250x' }} 250w, {{ image | img_url: '310x' }} 310w, {{ image | img_url: '400x' }} 400w, {{ image | img_url: '500x' }} 500w, {{ image | img_url: '620x' }} 620w, {{ image | img_url: '750x' }} 750w, {{ image | img_url: '930x' }} 930w" src="{{ image | img_url: '600x' }}" sizes="(min-width: 1264px) 600px, (min-width: 1024px) 500px, (min-width: 600px) 350px, calc(100vw - 32px)" alt="{{ image.alt | escape }}" loading="lazy" class="w-100 h-100 object-fit-cover" width="{{ image.width }}" height="{{ image.height }}">
                            </picture>
                          {% else %}
                            {%- if variant_image_strs[1] != nil and show_secondary_image != blank -%}
                              <picture class="{% if add_image_padding %}p-3{% endif %} opacity-0">
                                <img srcset="{{ image | img_url: '200x' }} 200w, {{ image | img_url: '250x' }} 250w, {{ image | img_url: '310x' }} 310w, {{ image | img_url: '400x' }} 400w, {{ image | img_url: '500x' }} 500w, {{ image | img_url: '620x' }} 620w, {{ image | img_url: '750x' }} 750w, {{ image | img_url: '930x' }} 930w" src="{{ image | img_url: '600x' }}" sizes="(min-width: 1264px) 600px, (min-width: 1024px) 500px, (min-width: 600px) 350px, calc(100vw - 32px)" alt="{{ image.alt | escape }}" loading="lazy" class="w-100 h-100 object-fit-cover" width="{{ image.width }}" height="{{ image.height }}">
                              </picture>
                            {% endif %}
                          {% endif %}
                        {% else %}
                          <picture class="{% if add_image_padding %}p-3{% endif %}">
                            <div class="object-fit-cover img-placeholder h-100">
                              {{ 'product-3' | placeholder_svg_tag: 'placeholder-svg h-100 w-100' }}
                            </div>
                          </picture>
                        {% endif %}
                      {% endfor %}
                    </figure>
                  </div>

                  <div class="card-body px-0 px-lg-1 py-0 pt-3 position-relative">
                    <a {% if variant.url contains 'https://' %} target="_blank" rel="nofollow" {% endif %} href="{{ variant.url | default: '#' }}" class="stretched-link"></a>
                    {%- if variant.available == false -%}
                      <div class="mb-2">
                        <span aria-hidden="true" class="gray-400 small ">
                          {{ 'products.product.sold_out' | t }}
                        </span>
                      </div>
                    {%- else -%}
                      <div class="mb-2">
                        <span aria-hidden="true" class="text-primary small">
                          {{ 'products.product.on_sale' | t }}
                        </span>
                      </div>

                    {%- endif -%}
                    <div class="card-text">
                      {%- if show_vendor -%}
                        <p class="mb-0 text-secondary small">{{ variant.product.vendor }}</p>
                      {%- endif -%}
                      <p class="fw-bold mb-2 text-black">{{ variant.title }}</p>
                      <div>
                        {% assign newForloop = newForloop | plus: 1 %}
                        {% capture form_id_wrap %}product-card-{{ section.id }}-{{ newForloop }}{% endcapture %}
                        {% assign form_id = form_id_wrap %}

                        <product-form class="position-relative">
                          {% form "product", product, id: form_id, class: 'as-add-cart-form as-async-add-form', novalidate: 'novalidate' %}
                          {% if variant_card_product.available %}
                            <input class="as-form-quantity" name="id" value="{{ variant.id }}" type="hidden">
                          {% endif %}

                            <div class="mb-2 mw-text-1">
                              {% render 'price', product: variant.product, custom_variant: variant %}
                            </div>
                          {% endform %}
                        </product-form>

                        {%- comment -%}
                        {% render 'product-add-to-cart-form', product: variant.product, btn_style: btn_style, text_color: text_color, index: forloop.index, show_quick_buy: show_quick_buy %}
                        {%- endcomment -%}
                      
                      </div>
                    </div>
                  </div>

                  {% if show_quick_buy %}
                    <div class="mt-3 mb-1 px-1" style="z-index: 2;">
                      <div class="d-grid">
                        <div class="mb-2">
                          {% render 'add-error-message' %}
                        </div>
                        <button class="as-add-to-cart-button btn btn-loading px-0 fw-bold {% if variant_card_product.available %} btn-outline-{{btn_style}} {% else %} btn-outline-primary  disabled{% endif %}" form="product-card-{{ section.id }}-{{ newForloop }}" type="submit">
                          <span class="loading">
                            <span class="spinner-border mr-2 add-to-cart-loading" role="status"></span>
                          </span>
                          <span class="btn-text">{{ 'products.product.add_to_cart' | t }}</span>
                          <span class="success icon-wrap-sm">{% render 'icon-check' %}</span>
                          <span class="error icon-wrap-sm">{% render 'icon-close' %}</span>
                        </button>
                      </div>
                    </div>
                  {% endif %}
                </div>
              </div>
            {% endfor %}
          {% endunless %}
        {% endfor %}
      </div>
    </div>
  </div>
</div>

{% javascript %}
  (function() {
    var $url = document.querySelector('.as-featured-product-script')

    if (!window.featuredProduct && $url && $url.dataset.designMode !== 'yes') {
      window.featuredProduct = $url.value
      var $script = document.createElement('script')
      $script.src = window.featuredProduct
      $script.defer = "defer"
      document.body.appendChild($script)
    }
  })()
{% endjavascript %}
{% schema %}

{
  "name": "Related collection",
  "tag": "section",
  "class": "spaced-section as-featured-collection",
  "settings": [
    {
      "type": "text",
      "id": "heading",
      "default": "Related collection",
      "label": "Heading"
    }, {
      "type": "product_list",
      "id": "product_list",
      "label": "Product list"
    }, {
      "type": "select",
      "id": "text_color",
      "options": [
        {
          "value": "white",
          "label": "White"
        }, {
          "value": "black",
          "label": "Black"
        }
      ],
      "default": "black",
      "label": "Text color"
    }, {
      "type": "select",
      "id": "color_schema",
      "label": "Background color",
      "options": [
        {
          "value": "primary",
          "label": "Primary"
        }, {
          "value": "secondary",
          "label": "Secondary"
        }, {
          "value": "inverse",
          "label": "Inverse"
        }, {
          "value": "white",
          "label": "White"
        }, {
          "value": "black",
          "label": "Black"
        }
      ],
      "default": "white"
    }, {
      "type": "header",
      "content": "PRODUCT CARD"
    }, {
      "type": "select",
      "id": "image_ratio",
      "options": [
        {
          "value": "adapt",
          "label": "Adapt to image"
        }, {
          "value": "4x5",
          "label": "Portrait"
        }, {
          "value": "1x1",
          "label": "Square"
        }
      ],
      "default": "1x1",
      "label": "Image shape"
    }, {
      "type": "checkbox",
      "id": "show_secondary_image",
      "default": false,
      "label": "Show second image on hover"
    }, {
      "type": "checkbox",
      "id": "add_image_padding",
      "default": false,
      "label": "Add image padding"
    }, {
      "type": "checkbox",
      "id": "show_vendor",
      "default": false,
      "label": "Show vendor"
    }, {
      "type": "checkbox",
      "id": "show_quick_buy",
      "default": false,
      "label": "Show quick buy"
    }, {
      "type": "range",
      "id": "desktop_columns_per_row",
      "min": 2,
      "max": 4,
      "step": 1,
      "default": 4,
      "label": "Products per row"
    }, {
      "type": "range",
      "id": "limit_product",
      "min": 2,
      "max": 50,
      "step": 1,
      "default": 8,
      "label": "Limit product"
    }
  ],
  "presets": [
    {
      "name": "Related collection"
    }
  ]
}

{% endschema %}